Skip to main content

Elemento de visualización: conmutador de imágenes

Símbolo:

_visu_img_image_switcher.png

Categoría: Lámparas/Interruptores/Mapas de bits

El elemento muestra una de las tres imágenes a las que se hace referencia. Las acciones del mouse cambian la imagen mostrada. Las imágenes se definen en el Configuración de imagen propiedades del elemento. Los efectos de los clics del ratón se definen en el Comportamiento del elemento propiedad.

Propiedades del elemento

¿Están disponibles todas las propiedades de los elementos?

Todas las propiedades están disponibles sólo después de seleccionar el Avanzado opción o la Todas las categorias filtrar en Propiedades.

Nombre del elemento

Ejemplo: ImageSwitcher_1

Sugerencia

Asigne nombres individuales a los elementos para que se encuentren más rápido en la lista de elementos.

Tipo de elemento

Conmutador de imágenes

Posición

La posición define la ubicación y el tamaño del elemento en la ventana de visualización. Esto se basa en el sistema de coordenadas cartesianas. El origen se encuentra en la esquina superior izquierda de la ventana. El eje X horizontal positivo corre hacia la derecha. El eje Y vertical positivo corre hacia abajo.

X

La coordenada X (en píxeles) de la esquina superior izquierda del elemento

Ejemplo: 10

Y

La coordenada Y (en píxeles) de la esquina superior izquierda del elemento

Ejemplo: 10

Ancho

Especificado en píxeles

Ejemplo: 150

Altura

Especificado en píxeles

Ejemplo: 30

Sugerencia

También puede cambiar los valores arrastrando el cuadro _visu_icon_position_element.png símbolos a otras posiciones en el editor.

Variable

Variable

Variable (BOOL).

El valor de la variable cambia según la entrada del usuario y es independiente de la Comportamiento del elemento propiedad del elemento.

Configuración de imagen

Imagen, si está "activada"

ID de una imagen específica de un grupo de imágenes

La imagen se utiliza si la variable del Variable la propiedad tiene el valor TRUE.

Sugerencia

También puede seleccionar la imagen utilizando el Asistente de entrada.

Imagen, si está "apagada"

ID de una imagen específica de un grupo de imágenes

La imagen se utiliza si la variable del Variable la propiedad tiene el valor FALSE.

Sugerencia

También puede seleccionar la imagen utilizando el Asistente de entrada.

Imagen, si es "empujada"

Requisito: El Comportamiento del elemento se establece en Alternador de imagen.

ID de una imagen específica de un grupo de imágenes

En tiempo de ejecución, la visualización muestra la imagen a la que se hace referencia cuando se hace clic en el elemento (y se mantiene presionado el botón del mouse).

Sugerencia

También puede seleccionar la imagen utilizando el Asistente de entrada.

Transparencia

standard icon: El Color transparente está seleccionado.

Color transparente

Requisito: Transparencia Está activado.

Los píxeles de la imagen que tienen el color transparente se muestran como transparentes.

  • _cds_icon_three_dots.png: El Color Se abre el cuadro de diálogo.

  • _cds_icon_arrow_down.png: Se abre un cuadro de lista con nombres de colores.

Tipo de escala

Define cómo encaja una imagen en el marco del elemento.

  • Fijado: Se conserva el tamaño original de la imagen, independientemente del tamaño del elemento.

  • isotrópico: La imagen completa se muestra en el marco del elemento, ya sea más grande o más pequeña. Como resultado, se mantiene la proporción de alto y ancho.

  • Anisótropo: La imagen cambia de tamaño automáticamente a las dimensiones del marco del elemento, llenando todo el marco del elemento. Como resultado, las proporciones no se mantienen.

Alineación horizontal

Requisito: El Tipo de escala es isotrópico.

Alineación horizontal de la imagen dentro del marco del elemento o elemento.

  • Izquierda

  • Centrado

  • Bien

Alineamiento vertical

Requisito: El Tipo de escala es isotrópico.

Alineación vertical de la imagen dentro del marco del elemento o elemento

  • Arriba

  • Centrado

  • Abajo

Comportamiento del elemento

Comportamiento del elemento

  • Conmutador de imágenes: La imagen en cambia con cada clic del ratón.

  • Tapper de imagen: Mientras un usuario de visualización mantiene presionado el botón del mouse, la imagen del Imagen en se muestra la propiedad. Al mismo tiempo, el valor TRUE se asigna a la Variable propiedad.

Toca FALSO

standard icon: : Mientras se presiona el botón del mouse, la imagen del Imagen se muestra la propiedad y el Variable la propiedad obtiene el valor FALSE en lugar del valor TRUE, y atrás.

Requisito: Tapper de imagen se selecciona en el Comportamiento del elemento propiedad.

Textos

Información sobre herramientas

Cadena (sin comillas simples rectas)

Ejemplo: Products of customer A

El texto se emite como información sobre herramientas. Si un marcador de posición %<format string> se especifica en el texto, entonces el valor de la variable en el Variable de texto → Información sobre herramientas La propiedad se genera en la ubicación del marcador de posición.

Sugerencia

Utilizar el control+Ingresar atajo para agregar un salto de línea.

Sugerencia

Los textos especificados se transfieren automáticamente al Lista de texto global lista de texto Por lo tanto, estos textos pueden ser localizados.

Parpadeo

El valor en Intervalo de parpadeo Especifica el intervalo en milisegundos en el que el elemento cambia entre la imagen del estado encendido y la imagen del estado apagado.

Requisito: la visualización se ejecuta como WebVisu y el Admite animaciones del cliente y superposición de elementos nativos. La opción en el Administrador de visualización está habilitada. El elemento sólo puede parpadear en este contexto.

Para más información, ver: Grupo: Configuración general

Intervalo de parpadeo

Intervalo de parpadeo en milisegundos (ms) para las imágenes transferidas a Configuración de imagen

En 0 (configuración predeterminada), el elemento no parpadea, pero la imagen del estado encendido (Imagen, si está "en" la propiedad) se muestra permanentemente.

  • variable (tipo UDINT) para un cambio de imagen controlado por programa

    Ejemplo: PLC_PRG.udiBlinking

  • Literal (tipo UDINT),

    Define el intervalo de tiempo en el que la imagen del estado encendido cambia a la imagen del estado apagado

    Ejemplo: 1000 durante 1 segundo

Variables de estado

Las variables controlan dinámicamente el comportamiento del elemento.

Invisible

Variable (BOOL) para alternar la visibilidad del elemento

TRUE: El elemento no es visible en tiempo de ejecución.

Ejemplo: bIsVisible con VAR bIsVisible : BOOL := FALSE; END_VAR

Desactivar entradas

Variable (BOOL) para alternar la operatividad del elemento

TRUE: Las entradas del usuario ya no tienen ningún efecto en el tiempo de ejecución. El elemento se muestra como desactivado.

Sugerencia

El Invisible La propiedad es compatible con la funcionalidad "Animación del cliente".

Centrar

Las propiedades contienen valores fijos para las coordenadas del punto de rotación. El punto de rotación se muestra en el editor como el _visu_icon_center_point.png símbolo y se utiliza como centro de rotación y escala.

Sugerencia

También puede cambiar los valores arrastrando el _visu_icon_center_point.png símbolo a otra posición en el editor.

X

Coordenada X del punto de rotación

Y

Coordenada Y del punto de rotación

Movimiento absoluto

Las propiedades contienen variables IEC para controlar dinámicamente la posición del elemento. El punto de referencia es la esquina superior izquierda del elemento. En tiempo de ejecución, se mueve todo el elemento.

Movimiento

X

Aumentar este valor en tiempo de ejecución mueve el elemento a la derecha.

Y

Aumentar este valor en tiempo de ejecución mueve el elemento hacia abajo.

Rotación

Variable (tipo de dato numérico) para el ángulo de rotación (en grados)

Ejemplo: PLC_PRG.iAngle1.

El punto medio del elemento gira en el Centrar punto. Este punto de rotación se muestra como el _visu_icon_center_point.png símbolo.

En tiempo de ejecución, la alineación del elemento permanece igual con respecto al sistema de coordenadas de la visualización. Al aumentar el valor, el elemento gira hacia la derecha.

_visu_img_prp_rotation.png

Escalada

Variable (tipo de dato entero) para desencadenar un estiramiento céntrico

Ejemplo: PLC_PRG.iScaling

El punto de referencia es el Centrar propiedad.

El valor 1 reduce el elemento por un factor de 0.001. El valor 1000 devuelve el elemento a su tamaño original.

Rotación interior

Variable (tipo de dato numérico) para el ángulo de rotación (en grados)

Ejemplo: PLC_PRG.iAngle2.

En tiempo de ejecución, el elemento gira sobre el punto de rotación especificado en Centrar según el valor de la variable. Además, la alineación del elemento gira según el sistema de coordenadas de la visualización. Aumentar el valor en el código gira en el sentido de las agujas del reloj.

El punto de rotación se muestra como el _visu_icon_center_point.png símbolo.

Nota

Si se especifica un ángulo estático de rotación en el Posición → Ángulo propiedad, el ángulo de rotación estático se agrega al ángulo de rotación variable (desplazamiento) cuando se ejecuta la visualización.

_visu_img_prp_inner_rotation.png

Sugerencia

Puede combinar las variables en un conversión de unidades.

Sugerencia

El X, Y, Rotación, y Rotación interior Las propiedades son compatibles con la funcionalidad "Animación del cliente".

Animación

Sugerencia

Estas propiedades están disponibles sólo cuando ha seleccionado el Admite animaciones de clientes y superposición de elementos nativos opción en el Administrador de visualización.

Duración de la animación

Variable para la duración (en milisegundos) en la que el elemento ejecuta una animación

  • Variable (valor entero)

    Ejemplo: Menu.tContent con VAR tContent : INT := 500; END_VAR

  • literal entero

    Ejemplo: 500

. Propiedades animables
  • Movimiento absoluto, Movimiento, X, Y

  • Movimiento absoluto, Rotación

  • Movimiento absoluto, Rotación interior

  • Movimiento absoluto, Rotación exterior

El movimiento animado se ejecuta cuando al menos un valor de una propiedad animable ha cambiado. El movimiento ejecutado entonces no es espasmódico, sino suave dentro de la duración de la animación especificada. El elemento de visualización viaja a la posición especificada mientras gira dinámicamente. Las transiciones son suaves.

Mover a primer plano

Variable (BOOL) para poner el elemento en primer plano

TRUE: En tiempo de ejecución, el elemento de visualización se muestra en primer plano.

FALSE: En tiempo de ejecución, el elemento de visualización se muestra en la capa donde se insertó en el editor de visualización.

Ejemplo: bIsInForeground con VAR bIsInForeground : BOOL := FALSE; END_VAR

Configuración de entrada

Las propiedades contienen las configuraciones para la entrada del usuario al usar el mouse o el teclado. Una entrada de usuario define un evento y una o más acciones que se ejecutan cuando ocurre un evento.

Sugerencia

El Configurar botón abre el Configuración de entrada diálogo. Allí puede crear o editar entradas de usuario.

Las entradas de usuario configuradas se enumeran debajo de los eventos. Cada uno de ellos incluye la acción que se desencadena y el escenario en forma abreviada.

Ejemplo: Ejecutar código ST: _visu_icon_action.png PLC_PRG.i_x := 0;

OnDialogCerrado

Evento de entrada: el usuario cierra el cuadro de diálogo.

Al hacer clic en el mouse

Evento de entrada: el usuario hace clic completamente con el botón del mouse en el área del elemento. Se hace clic en el botón del ratón y se suelta.

AlMouseAbajo

Evento de entrada: el usuario hace clic con el botón del mouse.

AlMouseEntrar

Evento de entrada: el usuario arrastra el puntero del mouse al elemento.

OnMouseLeave

Evento de entrada: el usuario arrastra el puntero del mouse fuera del elemento.

EnMouseMove

Evento de entrada: el usuario mueve el puntero del mouse sobre el área del elemento.

EnMouseUp

. Eventos de entrada:
  • El usuario suelta el botón del mouse dentro del área del elemento. Es irrelevante si el usuario ha pulsado previamente el botón del ratón dentro o fuera del área del elemento.

  • El usuario presiona el botón del mouse dentro del área del elemento, abandona el área del elemento y luego suelta el botón del mouse.

Nota

Esta CODESYS-El comportamiento de activación específico garantiza que se completen las acciones para los elementos clave. Un elemento clave inicia una acción para AlMouseAbajo y finaliza la acción para EnMouseUp.

Ejemplo: un usuario de visualización presiona el botón del mouse dentro del área del elemento del elemento clave y luego mueve la posición del cursor para que quede fuera del área del elemento. La acción termina de todos modos porque EnMouseUp se desencadena.

Grifo

Cuando ocurre un evento de clic del mouse, la variable definida en Variable se describe en la solicitud. La codificación depende de la Toca FALSO y Toque entrar si es capturado opciones

Variable

Requisito: El Toca FALSO la opción no está activada.

Variable (BOOL) para el evento de clic del mouse

TRUE: existe un evento de clic del mouse. Dura mientras el usuario presiona el botón del mouse sobre el elemento. Termina cuando se suelta el botón.

FALSE: No existe un evento de clic del mouse.

Ejemplo: PLC_PRG.bIsTapped

Toca FALSO

standard icon: El evento de clic del mouse conduce a un valor complementario en Variable.

TRUE: No existe un evento de clic del mouse.

FALSE: mientras exista el evento de clic del mouse.

Toque entrar si es capturado

standard icon: Durante la entrada del usuario, también se tiene en cuenta si el puntero del mouse se arrastra dentro del área del elemento o no mientras se presiona el botón del mouse.

TRUE: mientras existe el evento de clic del mouse y el puntero del mouse se mueve sobre el área del elemento.

FALSE: No existe un evento de clic del mouse. O el usuario mueve el puntero del mouse fuera del área del elemento mientras se presiona el botón del mouse.

el valor es TRUE de nuevo tan pronto como el usuario mueva el puntero de vuelta al área del elemento. Luego se captura el ratón.

Pasar a otra cosa

Con el inicio de un evento de clic del mouse, la variable se establece; cuando se completa el evento de clic del mouse, la variable se restablece.

Variable

Variable (BOOL) para alternar al final del evento de clic del mouse

Esto es cuando el usuario suelta el botón del mouse mientras el puntero del mouse está sobre el área del elemento. Si el usuario suelta el botón del mouse mientras el puntero del mouse está fuera del área del elemento, entonces el evento de clic del mouse no finaliza y el valor no es alternado.

Sugerencia

El usuario puede cancelar una entrada de alternancia iniciada arrastrando el puntero del mouse fuera del área del elemento.

Activar hacia arriba si es capturado

standard icon: el valor cambia independientemente de dónde esté el puntero del mouse cuando se suelta el botón del mouse. Luego se captura el ratón.

tecla de acceso rápido

Acceso directo en el elemento para activar acciones de entrada específicas

Cuando ocurre el evento de tecla de acceso rápido, las acciones de entrada en el Eventos se activan las propiedades. De esta forma, no es la acción de entrada en sí misma la que conduce a esta acción de entrada, sino la acción de entrada del ratón.

Llave

Tecla presionada para acción de entrada.

Ejemplo: T

Las siguientes propiedades aparecen cuando se selecciona una tecla.

Eventos

  • Ninguna

  • Ratón hacia abajo: Al pulsar la tecla se activan las acciones de entrada que están configuradas en el AlMouseAbajo propiedad.

  • Ratón arriba: Al soltar la tecla se activan las acciones de entrada que están configuradas en el EnMouseUp propiedad.

  • Ratón abajo/arriba: Al presionar y soltar la tecla se activan las acciones de entrada que están configuradas en el AlMouseAbajo propiedad y la EnMouseUp propiedad.

Pasar a otra cosa

standard icon: Combinación con la tecla "Shift"

Ejemplo: Cambio+T.

Control

standard icon: Combinación con la tecla "Ctrl"

Ejemplo: control+T.

alternativa

standard icon: Combinación con la tecla "Alt"

Ejemplo: alternativa+T.

Sugerencia

Todos los métodos abreviados de teclado y sus acciones que están configurados en la visualización se enumeran en la Configuración del teclado pestaña.

Derechos de acceso

Nota

Disponible solo cuando se configura una gestión de usuarios para visualización.

Derechos de acceso botón

Abre el Derechos de acceso diálogo. Allí puede editar los privilegios de acceso para el elemento.

. Mensajes de estado:
  • No establecido. Plenos derechos.: Derechos de acceso para todos los grupos de usuarios : operable

  • Los derechos están establecidos: derechos limitados: El acceso está restringido para al menos un grupo.